import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from "react-native";
import { TwitterPalette } from "@/constants/styles/twitter.style";
export const styles = StyleSheet.create({
  searchBar: {
    flexDirection: "row",
    alignItems: "center",
    backgroundColor: TwitterPalette.background,
    paddingHorizontal: 16,
    paddingVertical: 8,
    borderBottomWidth: 1,
    borderBottomColor: TwitterPalette.border,
  },
  searchInput: {
    flex: 1,
    height: 36,
    marginLeft: 8,
    paddingHorizontal: 12,
    backgroundColor: "#F5F8FA",
    borderRadius: 18,
    color: TwitterPalette.textPrimary,
    fontSize: 16,
  },
  // 容器样式
  container: {
    flex: 1,
    backgroundColor: TwitterPalette.background,
  } as ViewStyle,
  list: {
    flex: 1,
  } as ViewStyle,
  // 列表项相关
  listItem: {
    flexDirection: "row",
    alignItems: "center",
    paddingVertical: 12,
    paddingHorizontal: 16,
    borderBottomWidth: StyleSheet.hairlineWidth,
    borderBottomColor: TwitterPalette.border,
  } as ViewStyle,

  avatar: {
    width: 48,
    height: 48,
    borderRadius: 24,
    marginRight: 12,
  } as ImageStyle,

  infoContainer: {
    flex: 1,
    justifyContent: "center",
  } as ViewStyle,
  // 文本样式
  nameText: {
    color: TwitterPalette.textPrimary,
    fontSize: 16,
    fontWeight: "500",
  } as TextStyle,

  messageText: {
    color: TwitterPalette.textSecondary,
    fontSize: 14,
    marginTop: 4,
  } as TextStyle,

  timestampText: {
    color: TwitterPalette.textSecondary,
    fontSize: 12,
    marginTop: 4,
  } as TextStyle,

  // 状态组件相关
  acceptButton: {
    backgroundColor: TwitterPalette.primary,
    borderRadius: 16,
    paddingVertical: 6,
    paddingHorizontal: 16,
  } as ViewStyle,

  acceptButtonText: {
    color: "#FFFFFF",
    fontSize: 14,
    fontWeight: "500",
  } as TextStyle,

  statusContainer: {
    flexDirection: "row",
    alignItems: "center",
  } as ViewStyle,

  statusIcon: {
    marginRight: 4,
  } as ViewStyle,

  statusText: {
    color: TwitterPalette.textSecondary,
    fontSize: 14,
  } as TextStyle,

  // 列表头部
  sectionHeader: {
    padding: 16,
    backgroundColor: TwitterPalette.background,
    borderBottomWidth: 8,
    borderBottomColor: TwitterPalette.border,
  } as ViewStyle,

  sectionTitle: {
    color: TwitterPalette.textPrimary,
    fontSize: 16,
    fontWeight: "500",
  } as TextStyle,
});
